.startButton {
  left: 40px;
  top: 425px;
  width: 80px; }

.ERVButton {
  left: 170px;
  top: 425px;
  width: 80px; }

.FVCButton {
  left: 270px;
  top: 425px;
  width: 80px; }

.clearTracingsButton {
  left: 645px;
  top: 289px;
  width: 100px;
  padding: 4px 5px; }

.radiusText {
  position: absolute;
  left: 130px;
  top: 80px;
  width: 120px; }
  .radiusText label, .radiusText .container {
    width: 100%;
    max-width: 100%;
    -webkit-justify-content: center;
            justify-content: center; }
  .radiusText label {
    padding-bottom: 3px; }

.airFlowText {
  position: absolute;
  left: 130px;
  top: 30px;
  width: 120px; }
  .airFlowText.red .container {
    color: #D60000; }
  .airFlowText.green .container {
    color: #017929; }
  .airFlowText .container {
    width: 70px;
    margin: 0 auto; }
  .airFlowText label {
    padding-bottom: 3px; }

.TVText, .ERVText, .IRVText, .RVText, .VCText, .FEVText, .TLCText, .BRText {
  position: absolute;
  height: 25px;
  width: 170px; }
  .TVText .container, .ERVText .container, .IRVText .container, .RVText .container, .VCText .container, .FEVText .container, .TLCText .container, .BRText .container {
    min-height: 100%; }

.TVText {
  left: 400px;
  top: 347px; }

.ERVText {
  left: 400px;
  top: 377px; }

.IRVText {
  left: 400px;
  top: 407px; }

.RVText {
  left: 400px;
  top: 437px; }

.VCText {
  left: 600px;
  top: 347px; }

.FEVText {
  left: 600px;
  top: 377px; }

.TLCText {
  left: 600px;
  top: 407px; }

.BRText {
  left: 600px;
  top: 437px; }

.TVText .sbLabel, .ERVText .sbLabel, .IRVText .sbLabel, .RVText .sbLabel, .VCText .sbLabel, .FEVText .sbLabel, .TLCText .sbLabel, .BRText .sbLabel {
  position: relative; }
  .TVText .sbLabel .screen-reader-only, .ERVText .sbLabel .screen-reader-only, .IRVText .sbLabel .screen-reader-only, .RVText .sbLabel .screen-reader-only, .VCText .sbLabel .screen-reader-only, .FEVText .sbLabel .screen-reader-only, .TLCText .sbLabel .screen-reader-only, .BRText .sbLabel .screen-reader-only {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0; }

.input-control.right label {
  text-align: left; }

.data-table {
  position: absolute;
  width: 150px; }

.data-table--footer {
  top: 477px;
  left: 125px;
  width: 652px;
  height: 107px; }

.record-data {
  left: 30px;
  top: 522px;
  width: 90px; }

.html-text {
  font-family: 'open sans';
  font-weight: bold;
  position: absolute;
  left: 541px;
  top: 455px;
  font-size: 11px;
  width: 74px; }

.graph {
  position: absolute;
  left: 410px;
  top: 60px; }

.graphs-wrap .result-graph-wrap p {
  text-align: center; }

.graphs-wrap .result-graph-wrap .info-graph {
  display: block !important;
  text-align: center; }

.graphs-wrap .result-graph-wrap .screenshot-graph {
  display: block !important; }

.graphs-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: start;
          align-items: start; }
  .graphs-wrap .result-graph-wrap {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column; }

.graphs-wrap.with-scroll {
  text-align: left;
  display: block; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .data-table--footer [role=rowgroup].head {
    display: table-caption; }
  .graphs-wrap {
    display: block; }
    .graphs-wrap .result-graph-wrap {
      display: block;
      float: left;
      clear: both; }
      .graphs-wrap .result-graph-wrap > * {
        display: block; } }

.experiment-result-layout .popup {
  width: 95vw;
  max-width: 770px; }
  .experiment-result-layout .popup .container {
    margin-left: auto;
    margin-right: auto; }

.experiment-result-layout .head {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word; }

@media only screen and (max-width: 800px) {
  .experiment-result {
    font-size: 70%; } }

@media only screen and (max-width: 620px) {
  .experiment-result {
    font-size: 60%; } }

/*# sourceMappingURL=index.css.map*/